import 'dart:ui';

import 'package:flutter/material.dart';

import '../generated/assets.dart';

///毛玻璃效果
class FrostedGlassWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: 276,
      height: 175,
      child: Stack(
        children: [
          // 背景内容（例如图片、渐变或其他组件）
          Container(
            decoration: BoxDecoration(
              image: DecorationImage(
                image: AssetImage(Assets.imgBike),
                fit: BoxFit.cover,
              ),
            ),
          ),
          // 毛玻璃层
          Positioned.fill(
            child: ClipRect(
              child: BackdropFilter(
                filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
                child: Container(
                  color: Colors.white.withValues(alpha: 0.2),
                  // 可以在此添加其他子组件（例如文字、图标）
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}
